<template>
    <div class="editUserInfo">
        <div class="user-img">
            <img src="../../assets/img/home/彭于晏.jpg" alt="" />
            <div class="changeImg">点击更换</div>
        </div>
        <div class="baseInfo">
            <el-form status-icon ref="ruleForm" class="demo-ruleForm" inline>
                <div class="infoTitle">基本资料</div>
                <el-form-item label="昵称：">
                    <el-input v-model="input"></el-input>
                </el-form-item>
                <el-form-item label="性别：">
                    <el-radio v-model="radio" label="1">男</el-radio>
                    <el-radio v-model="radio" label="2">女</el-radio>
                </el-form-item>
                <el-form-item label="生日：">
                    <el-date-picker
                        v-model="value1"
                        type="date"
                        placeholder="选择日期"
                    >
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="简介：">
                    <el-input v-model="input"></el-input>
                </el-form-item>
                <el-form-item label="职业：">
                    <el-input v-model="input"></el-input>
                </el-form-item>
                <el-form-item label="学历：">
                    <el-input v-model="input"></el-input>
                </el-form-item>
                <div class="infoTitle">账号管理</div>
                <el-form-item label="电话：">
                    <el-input v-model="input"></el-input>
                </el-form-item>
                <el-form-item label="密码：">
                    <el-input v-model="input"></el-input>
                </el-form-item>
                <div class="btn">
                    <div class="cancel" @click="backUser">取消</div>
                    <div class="save">保存</div>
                </div>
            </el-form>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            radio: "1",
            value1: '2022-10-05',
            input:''
        };
    },
    components: {},
    created() {},
    mounted() {},
    methods: {
        backUser(){
            this.$router.push('/user');
        }
    },
};
</script>

<style lang='scss' scoped>
@import "../../assets/css/personalCenter/editUserInfo.scss";
</style>